.tabview {
  margin: 1rem;
  display: inline-block;
  min-width: 288px;
  $color-default = #959595;
  $color-main = #6c000a;

  .header {
    margin-bottom: 1rem;
    .tab {
      display: inline-block;
      width: 5rem;
      height: 2rem;
      margin-right: 1rem;
      border: 1px solid $color-default;
      color: $color-default;
      font-size: .8rem;
      text-align: center;
      line-height: 2rem;
      cursor: pointer;
      transition: all 200ms ease-in-out;
      &.onshow, &:hover {
        border-color: $color-main;
        color: $color-main;
      }
    }
  }
  .content {
    overflow hidden
    display flex
    justify-content space-between
    .left {
      display: inline-block;
      float: left;
      img {
        height: 8.1rem;
      }
    }
    ul.right {
      float: right;
      margin: 0 0 0 1rem;
      max-width 280px;
      padding: 0;
      li {

        list-style-type: none;
        border-bottom: 1px dashed $color-default;
        color: $color-default;
        height: 1.35rem;
        font-size: .7rem;
        overflow hidden
        display block
        width 270px
        line-height 1.35rem
        &:before {
          display inline-block
          float left
          margin-right: .25rem;
        }
        .title {
          float left
          display inline-block
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden
          width 140px;
          a {
            color: $color-default;
            text-decoration: none;
            transition: all 200ms ease-in-out;
            &:hover {
              color: $color-main;
            }
          }
        }
        .date {
          display inline-block
          float right
        }

      }
    }
  }
  &.small {
    min-width 243px !important;
    .content {
      .left {
        display none;
      }
    }
    .header {
      .tab {
        margin-right: 1px;
        width: 4.3rem;
        height: 1.5rem;
        line-height: 1.5rem;
      }

    }
    .content {
      ul.right {
        margin: 0;
      }
    }

  }
}

